@charset "utf-8";
@import"reset";
@function r($px) {
    @return $px/20*1rem;
}

html,
body {
    width: 100%;
    height: 100%;
}

.indeWeb {
    width: 100%;
    //  height: 100%;
    position: relative;
    .logo {
        width: 100%;
        height: r(89);
        background: url(../img/shouye/images/honglogo_02.png)no-repeat center center/cover;
        position: fixed;
        top: 0;
        z-index: 9999;
        .yingyong {
            width: r(30);
            height: r(23);
            position: absolute;
            cursor: pointer;
            top: r(25);
            left: r(23);
            .icon-sanheng {
                //              width: 100%;
                //              height: 100%;
                font-size: r(30);
                color: white;
            }
        }
        .fangdajing {
            position: absolute;
            width: r(30);
            height: r(30);
            border-radius: 50%;
            border: 2px solid white;
            line-height: r(30);
            top: r(23);
            right: r(23);
            text-align: center;
            .icon-fangdajing {
                //              width: 100%;
                font-size: r(23);
                color: white;
            }
        }
    }
    section {
        width: 100%;
        position: absolute;
        top: r(89);
        overflow-y: scroll;
        padding-bottom: r(90);
        //      padding-top: r(14);
        .first {
            width: 100%;
            //          height: r(175);
            .pinr {
                width: 100%;
                height: r(175);
                padding: r(7) 0;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .liaogl {
                width: 100%;
                background: #f5f5f5;
                padding-bottom: r(21);
                ul {
                    border-bottom: 1px solid #dfdfdf;
                    li {
                        width: r(207);
                        height: r(88);
                        display: inline-block;
                        text-align: center;
                        //                          font-size: 0;
                        span {
                            font-size: r(23);
                            color: #8b8b8b;
                            line-height: r(88);
                        }
                    }
                    .secon {
                        background: #b20000;
                        span {
                            color: white;
                        }
                    }
                }
            }
        }
        .content_ng {
            width: 100%;
            background: #ffffff;
            padding-top: r(27);
            .contens_zhongg {
                width: r(583);
                margin: 0 auto;
                border-bottom: 1px solid #e6e6e6;
                .contens_neironglaid {
                    padding-bottom: r(28);
                    p {
                        font-size: r(20);
                        color: #aeaeae;
                        text-indent: r(40);
                        text-align: justify;
                        line-height: r(28);
                    }
                }
            }
            .fazhangshi {
                width: r(583);
                margin: 0 auto;
                padding-top: r(37);
                .shipnggimc {
                    width: 100%;
                    padding-bottom: r(30);
                    border-bottom: 1px solid #e4e4e4;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .rili {
                    width: r(583);
                    margin: 0 auto;
                    padding-top: r(15);
                    .licheng {
                        width: 100%;
                        height: r(80);
//                      line-height: r(80);
                        background: #b20000;
                        font-size: r(30);
                        color: white;
//                      display: flex;
//                      align-items: center;
                        .jiahao {
                            display: inline-block;
                            vertical-align: middle;
                            padding-left: r(25);
                            line-height: r(80);
                            .icon-jinakangbaoicons19 {
                                font-size: r(42);
                                color: white;
                            }
                        }
                        .threeg { display: inline-block;
                            padding-right: r(13);
                            float: right;
                            .icon-rili {
                                font-size: r(58);
                                color: white;
                            }
                        }
                    }
                    
                }
                .nianfenkuan{
                    width: r(583);
                    margin: 0 auto;
                    border-bottom: 1px solid #dfdfdf;
                    .nian_border{
                         width: 100%;
                         height: r(107);
                         position: relative;
                            .nianfen{
                                width: r(535);
                                height: r(107);
                                float: right;
                                overflow: hidden;
                                border-left: 2px solid #d4dee0;
                                p{
                                    padding-left: r(44);
                                }
                                .shijiannian{
                                    font-size: r(32);
                                    color: black;
                                    padding-top: r(13);
                                }
                                .difang{
                                    font-size: r(24);
                                    color: #b20000;
                                }
                                .icon-yuandiankuang{
                                    font-size: r(34);
                                    color: #d4dee0;
                                    background: white;
                                    position: absolute;
                                    top: r(39);
                                    left: r(29);
                                }
                            }
                    }
                    .yangsebianhuan{
                        background: #f3f3f3;
                        .nianfen{
                            .icon-yuandiankuang{
                                    font-size: r(34);
                                    color: red;
                                    background:#f3f3f3;
                                    position: absolute;
                                    top: r(39);
                                    left: r(29);
                                }
                        }
                    }
                   
                }
                .jiazaigengduo{
                    width: 100%;
                    height: r(60);
                    font-size: r(22);
                    color: #bbbbbb;
                    line-height:r(60) ;
                    text-align: center;
                }
            }
        }
    }
    .suanze {
        width: 100%;
        background: #f5f5f5;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        padding-top: r(12);
        .wer {
            width: 100%;
            ul {
                width: 100%;
                li {
                    display: inline-block;
                    width: r(121.5);
                    img {
                        display: block;
                        margin: 0 auto;
                    }
                }
                .one_kuang {
                    border-right: 1px solid #e9e9e9;
                    .onepot {
                        width: r(48);
                    }
                }
                .two_kuang {
                    border-right: 1px solid #e9e9e9;
                    .twopot {
                        width: r(48);
                    }
                }
                .three_kuang {
                    border-right: 1px solid #e9e9e9;
                    .threepot {
                        width: r(41);
                    }
                }
                .four_kuang {
                    border-right: 1px solid #e9e9e9;
                    .fourpot {
                        width: r(42);
                    }
                }
                .five_kuang {
                    .fivepot {
                        width: r(70);
                    }
                }
            }
        }
    }
}

.web_hidden {
    width: 100%;
    //      height: 96%;
    input {
        //          display: none;
    }
    & input[type="checkbox"]:checked~.yingcanbox {
        left: 0;
        font-size: r(23);
        color: white;
    }
    .yingcanbox {
        width: 100%;
        height: 100%;
        //          background: rgba(34,34,34,.8);
        background: #222222;
        position: fixed;
        z-index: 999999;
        bottom: 0;
        left: -100%;
        transition: all 1s;
        overflow: auto;
        overflow-y: scroll;
        header {
            width: 100%;
            padding-top: r(20);
            .user_yingcan {
                width: r(611);
                margin: 0 auto;
                vertical-align: top;
                .hongsefanhui {
                    display: inline-block;
                    width: r(51);
                    height: r(51);
                    border-radius: 50%;
                    background: red;
                    line-height: r(51);
                    text-align: center;
                    border: 1px solid #323232;
                    span {
                        font-size: r(30);
                        color: white;
                        //                                  text-align: center;
                    }
                }
                .reach {
                    display: inline-block;
                    width: r(530);
                    height: r(48);
                    border: 2px solid white;
                    border-radius: 50px;
                    float: right;
                    .icon-fangdajing {
                        font-size: r(27);
                        font-weight: bold;
                        color: white;
                        line-height: r(48);
                        margin-left: r(12);
                    }
                    input {
                        width: r(455);
                        height: r(27);
                        line-height: r(48);
                        overflow: hidden;
                        outline-style: none;
                        text-indent: r(10);
                        border: none;
                        background: transparent;
                    }
                }
                .clear {
                    clear: both;
                }
            }
        }
        nav {
            width: 100%;
            padding-top: r(48);
            //                  padding-bottom: r(20);
            .user_pot {
                width: r(134);
                height: r(134);
                border-radius: 50%;
                box-shadow: #666666;
                margin: 0 auto;
                img {
                    width: 100%;
                }
            }
            .user_continiu {
                width: 100%;
                //                      margin: 0 auto;
                text-align: center;
                .user_name {
                    font-size: r(25);
                    color: white;
                }
                .user_zhongxing {
                    width: r(94);
                    height: r(23);
                    border: 1px solid white;
                    a {
                        font-size: r(13);
                        color: white;
                    }
                }
                .dengji {
                    padding: r(8);
                    .icon-xing {
                        font-size: r(20);
                        color: yellow;
                        letter-spacing: r(13);
                    }
                }
                .fensi {
                    font-size: r(23);
                    color: white;
                    letter-spacing: 1px;
                    span {
                        font-size: r(19);
                        color: red;
                        margin: 0 r(8);
                    }
                }
            }
            .user_neirong {
                width: 100%;
                padding: r(20) 0;
                .shoufen {
                    width: 100%;
                    text-align: center;
                    letter-spacing: r(20);
                    .hongcang {
                        width: r(220);
                        height: r(53);
                        background: #b60005;
                        border-radius: 50px;
                        text-align: center;
                        display: inline-block;
                        span {
                            font-size: r(24);
                            color: white;
                            line-height: r(53);
                            letter-spacing: normal;
                        }
                    }
                    .huifabu {
                        width: r(220);
                        height: r(53);
                        background: #cdcdcd;
                        border-radius: 50px;
                        text-align: center;
                        display: inline-block;
                        span {
                            font-size: r(24);
                            color: white;
                            line-height: r(53);
                            letter-spacing: normal;
                        }
                    }
                }
            }
        }
        section {
            width: 100%;
            padding-top: r(5);
            padding-bottom: r(38);
            .threetnse {
                width: r(640);
                height: r(20);
                background: #303030;
            }
            .xinwenjiemian {
                width: 100%;
                .seethe_test {
                    width: r(584);
                    margin: 0 auto;
                    ul {
                        li {
                            width: r(584);
                            height: r(88);
                            border-bottom: 1px solid #2d2d2d;
                            span {
                                font-size: r(18);
                                color: #7f7f7f;
                                line-height: r(88);
                            }
                            .xia {
                                width: r(12);
                                height: r(11);
                                float: right;
                                line-height: r(88);
                                img {
                                    width: 100%;
                                }
                            }
                        }
                        .sel {
                            width: 100%;
                            display: none;
                            transition: all 1s;
                            .xia_la {
                                width: 100%;
                                height: r(86);
                                a {
                                    display: block;
                                    width: r(432);
                                    font-size: r(22);
                                    color: white;
                                    text-align: center;
                                    line-height: r(86);
                                    margin: 0 auto;
                                }
                                .a {
                                    border-bottom: 1px solid #2d2d2d;
                                }
                            }
                            //                                  hr{
                            //                                      width: r(432);
                            //                                      height:r(0.5);
                            //                                      color: #2f2f2f;
                            ////                                      border: none;
                            //                                  }
                        }
                        .finlly {
                            border-bottom: none;
                        }
                    }
                }
                .outjian {
                    width: r(180);
                    height: r(53);
                    border-radius: 50px;
                    background: #b60005;
                    border: 1px solid #2D2D2D;
                    margin: 0 auto;
                    margin-top: r(25);
                    text-align: center;
                    span {
                        font-size: r(22);
                        letter-spacing: r(11);
                        line-height: r(53);
                        //                              padding: r(25) 0 r(38);
                    }
                }
            }
        }
    }
}